<template>
  <div>
    <h3>省市区选择器</h3>
    <!-- 使用 v-model 绑定选中值 -->
    <RegionSelects @change="handleRegionChange" />
  </div>
</template>

<script>
import { RegionSelects, RegionFullSelects } from 'v-region';
//import 'v-region/dist/style.css'; // 引入样式

export default {
  components: {
    RegionSelects,
    RegionFullSelects
  },
  data() {
    return {
      selectedRegion: null // 存储选中的区域数据
    };
  },
  methods: {
    handleRegionChange(value) {
      console.log('选中的区域数据：', value);
      // value 格式示例:
      // {
      //   province: { code: '110000', name: '北京市' },
      //   city: { code: '110100', name: '北京市' },
      //   area: { code: '110101', name: '东城区' }
      // }
    }
  }
};

</script>